<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>
        {% block title %}首页{% endblock %}
    </title>
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet">
    <link href="/static/css/bootstrap-select.css" rel="stylesheet"/>
    <link href="/static/font-awesome/css/font-awesome.css" rel="stylesheet">
    <!-- Gritter -->
    <link href="/static/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
    <link href="/static/css/animate.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/css/plugins/sweetalert/sweetalert.css">
    {% block css %}
    {% endblock %}
</head>

<body>
{% include 'nav.html' %}
{% comment %}引入导航栏, 但是在某些地方比如子窗口不需要导航栏和顶部栏{% endcomment %}
<div id="wrapper">
    <div id="page-wrapper" class="gray-bg dashbard-1">
        {% block top-nav %}
            <div class="row border-bottom">
                <!-- 顶部导航栏 -->
                <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                    <!-- 顶部导航栏 -- 左侧 -->
                    <div class="navbar-header">
                        <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i
                                class="fa fa-bars"></i>
                        </a>
                        {% block top-left-nav %}
                        {% endblock %}
                    </div>

                    <!-- 顶部导航栏  -- 右侧 -->
                    <ul class="nav navbar-top-links navbar-right">
                        {% block top-right-nav %}
                            <li>
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#" aria-expanded="false">
                                    <i class="fa fa-retweet" style="color: red"></i>
                                    重启面板
                                </a>
                            </li>
                        {% endblock %}
                    </ul>

                </nav>
            </div>
        {% endblock %}

        {% block content %}

        {% endblock %}
    </div>
</div>

<!-- 基本的脚本 -->
<script src="/static/js/jquery-3.1.1.min.js"></script>
<script src="/static/js/bootstrap-select.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/static/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/static/js/plugins/sweetalert/sweetalert.min.js"></script>
<!-- Custom and plugin javascript -->
<script src="/static/js/inspinia.js"></script>
<script src="/static/js/plugins/pace/pace.min.js"></script>
<script src="/static/js/layer/layer.js"></script>


<!--可以注释的  Flot -->
{#<script src="/static/js/plugins/flot/jquery.flot.js"></script>#}
{#<script src="/static/js/plugins/flot/jquery.flot.tooltip.min.js"></script>#}
{#<script src="/static/js/plugins/flot/jquery.flot.spline.js"></script>#}
{#<script src="/static/js/plugins/flot/jquery.flot.resize.js"></script>#}
{#<script src="/static/js/plugins/flot/jquery.flot.pie.js"></script>#}
{##}
{#<!-- jQuery UI -->#}
{#<script src="/static/js/plugins/jquery-ui/jquery-ui.min.js"></script>#}
{#<!-- Sparkline -->#}
{#<script src="/static/js/plugins/sparkline/jquery.sparkline.min.js"></script>#}
{#<!-- Sparkline demo data  -->#}
{#<script src="/static/js/demo/sparkline-demo.js"></script>#}

{% block script %}
{% endblock %}
</body>
</html>
